<?php if (!defined('THINK_PATH')) exit(); /*a:1:{s:74:"E:\xampp\htdocs\yicai\public/../app/home\view\mine\transaction_record.html";i:1514967230;}*/ ?>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="shortcut icon" href="__IMG__/favicon.ico" />
		<link rel="bookmark" href="__IMG__/favicon.ico" type="image/x-icon" 　/>
		<title>交易记录</title>
		<link rel="stylesheet" type="text/css" href="__CSS__/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="__CSS__/swiper-3.4.2.min.css"/>
		<link rel="stylesheet" type="text/css" href="__CSS__/common.css"/>
		<link rel="stylesheet" type="text/css" href="__CSS__/index.css"/>
		<script src="__JS__/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="__JS__/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
	      	mui.init();
       </script>
    </head>
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">交易记录</h1>
		</header>
		<div class="mui-content">
		    <div class="container">
			<div class="swiper-container swiper1">
				<div class="swiper-wrapper">
					<div class="swiper-slide selected">PC蛋蛋</div>
					<div class="swiper-slide">加拿大28</div>
					<div class="swiper-slide">北京赛车</div>
					<div class="swiper-slide">幸运飞艇</div>
					<div class="swiper-slide">重庆时时彩</div>
					<div class="swiper-slide">天津时时彩</div>
					<div class="swiper-slide">广州快十</div>
					<div class="swiper-slide">重庆快十</div>
					<div class="swiper-slide">江苏快三</div>
					<div class="swiper-slide">广东11选5</div>
					<div class="swiper-slide">香港六合彩</div>
				</div>
			</div>
			<!-- swiper2 -->
			<div class="swiper-container swiper2">
				<div class="swiper-wrapper">
					<div class="swiper-slide swiper-no-swiping">
						<div style="width: 100%;background-color: #fff;" class="time_box">
							<span>
								起
							  <input type="text" class="demo-input" placeholder="请选择日期" id="test1" lay-key="1">
							</span><span>
								止
							  <input type="text" class="demo-input" placeholder="请选择日期" id="test2" lay-key="2">
							</span>
							<span>
								<input type="button" id="" value="查询" />
							</span>
						</div>
						<ul class="lottry_box clearfix">
							<li><a href="javascript:void(0);">全部</a></li>
							<li><a href="javascript:void(0);">未开奖</a></li>
							<li><a href="javascript:void(0);">未中奖</a></li>
							<li><a href="javascript:void(0);">中奖</a></li>
						</ul>
					</div>
					<div class="swiper-slide swiper-no-swiping">上面导航栏可以滑动2222</div>
					<div class="swiper-slide swiper-no-swiping">内容 213213123</div>
					<div class="swiper-slide swiper-no-swiping">内容 ressssssss</div>
					<div class="swiper-slide swiper-no-swiping">内容 ffffffffffff</div>
					<div class="swiper-slide swiper-no-swiping">内容 bbbbbbbbbbbbbbbbbvb</div>
					<div class="swiper-slide swiper-no-swiping">内容 bvcccccccccccbvb</div>
					<div class="swiper-slide swiper-no-swiping">内容 sdasdssssss</div>
					<div class="swiper-slide swiper-no-swiping">内容 oiouiouioiuoiuo</div>
					<div class="swiper-slide swiper-no-swiping">内容 m,jnkjhkhgjghjugh</div>
				</div>
			</div>

		</div>

		<script>
			$(function() {
				function setCurrentSlide(ele, index) {
					$(".swiper1 .swiper-slide").removeClass("selected");
					ele.addClass("selected");
					//swiper1.initialSlide=index;
				}

				var swiper1 = new Swiper('.swiper1', {
//					设置slider容器能够同时显示的slides数量(carousel模式)。
//					可以设置为number或者 'auto'则自动根据slides的宽度来设定数量。
//					loop模式下如果设置为'auto'还需要设置另外一个参数loopedSlides。
					slidesPerView: 5.5,
					paginationClickable: true,//此参数设置为true时，点击分页器的指示点分页器会控制Swiper切换。
					spaceBetween: 10,//slide之间的距离（单位px）。
					freeMode: true,//默认为false，普通模式：slide滑动时只滑动一格，并自动贴合wrapper，设置为true则变为free模式，slide会根据惯性滑动且不会贴合。
					loop: false,//是否可循环
					onTab: function(swiper) {
						var n = swiper1.clickedIndex;
					}
				});
				swiper1.slides.each(function(index, val) {
					var ele = $(this);
					ele.on("click", function() {
						setCurrentSlide(ele, index);
						swiper2.slideTo(index, 500, false);
						//mySwiper.initialSlide=index;
					});
				});

				var swiper2 = new Swiper('.swiper2', {
					//freeModeSticky  设置为true 滑动会自动贴合  
					direction: 'horizontal',//Slides的滑动方向，可设置水平(horizontal)或垂直(vertical)。
					loop: false,
//					effect : 'fade',//淡入
					//effect : 'cube',//方块
					//effect : 'coverflow',//3D流
//					effect : 'flip',//3D翻转
					autoHeight: true,//自动高度。设置为true时，wrapper和container会随着当前slide的高度而发生变化。
					onSlideChangeEnd: function(swiper) {  //回调函数，swiper从一个slide过渡到另一个slide结束时执行。
						var n = swiper.activeIndex;
						setCurrentSlide($(".swiper1 .swiper-slide").eq(n), n);
						swiper1.slideTo(n, 500, false);
					}
				});
			});
		</script>
        <script src="__JS__/swiper-3.4.2.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="__JS__/laydate/laydate.js" type="text/javascript" charset="utf-8"></script>
		<script src="__JS__/laydate.js" type="text/javascript" charset="utf-8"></script>
		<script src="__JS__/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
